<div class="slider-images">
	{{foreach img in slider_images}}
	{{unless img.url}}<div class="img" style="background-image: url({{img.preview}});{{if fields.foreach_i}} display: none;{{/if}}"></div>{{/unless}}
	{{if img.url}}<a href="{{img.url}}" class="img" style="background-image: url({{img.preview}});{{if fields.foreach_i}} display: none;{{/if}}"></a>{{/if}}	
	{{/foreach}}
	<div class="marks" style="width: {{slider_images_px}}px">
	{{foreach img in slider_images}}
		<div class="mark{{unless fields.foreach_i}} markA{{/unless}}"></div>
	{{/foreach}}
	</div>
	<div class="outline"></div>
</div>
<script>
var sl=new owcms_slider({slides:$(".slider-images .img"),marks:$(".slider-images .mark")});
</script>

